<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        //目标：完成 ATM功能
        //     1.能存钱
        //     2.能取钱
        //         判断  取钱金额 是否 超出 账户余额，如果超出，需要提示
        //     3.能显示余额
        //     4.退出 ATM

        let balance = 0; // 账户余额
        let usrName = prompt('请输入您的高姓大名：'); // 用户名

        do {
            //1.接收 用户操作选项
            let usrOpt = +prompt(usrName + ' 请输入要进行的操作：\n1.存钱\n2.取钱\n3.显示余额\n4.退出');
            //2.如果 选择 4，则立即 退出循环！
            if (usrOpt == 4) {
                alert('谢谢使用 atm ，欢迎下次再来~~~');
                break;
            } else if (usrOpt < 1 || usrOpt > 4) {
                alert('您的输入 不正确，请重新输入~~');
                break;
            }

            //3.如果不退出，则 根据 选项 执行不同的操作！
            switch (usrOpt) {
                case 1: { //存钱操作 ------------------------------------------
                    let tempMoney = +prompt(usrName + ' 您现在余额【' + balance + '】元，请输入要存入的金额：');
                    balance += tempMoney; // 将 存入的 金额 追加到 余额变量中
                    alert(usrName + '，存入【' + tempMoney + '】成功~~~您现在账户余额包含【' + balance + '】元~');
                    break;
                }
                case 2: { // 取钱操作-----------------------------------------
                    let tempMoney = +prompt(usrName + ' 您现在余额【' + balance + '】元，请输入要取出的金额：');
                    // 判断 要取的钱 是否 大于 余额，如果大于，则提示
                    if (tempMoney > balance) {
                        alert(usrName + '金额不足~~~请重新操作！');
                        break;
                    }
                    // 从 余额中 去掉 取出的钱
                    balance -= tempMoney;
                    alert(usrName + '取出【' + tempMoney + '】成功~~~账户余额包含【' + balance + '】元~');
                    break;
                }
                case 3: { // 显示余额 -----------------------------------------
                    alert(usrName + '，您现在余额为：' + balance);
                }
            }
        } while (true);
    </script>
</head>

<body>

</body>

</html>